<template>
    <el-container class="system-nav">
        <el-aside width="200px;">
            <el-menu :default-active="activeIndex"
                     mode="vertical"
                     @select="onMenuSelected"
                     background-color="#409EFF"
                     text-color="#fff"
                     active-text-color="#ffd04b">
                <el-menu-item index="/system/xxx">XXX配置</el-menu-item>
                <el-submenu index="2">
                    <template slot="title">我的工作台</template>
                    <el-menu-item index="2-1">选项1</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                    <el-menu-item index="2-3">选项3</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-aside>
    </el-container>
</template>
<script>
    module.exports = {
        data() {
            return {title: "main"}
        }
    }
</script>
<style>
    .system-nav {
        height: 100%;
    }

    .system-nav > .el-aside > el-menu {
        width: 240px;
        min-height: 400px;
    }
</style>